*{
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
}
li{
    list-style:none;
}
body{
    font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体", Tahoma, Arial, Helvetica, STHeiti;
}
header{
    width:100%;
    height: 50px;
    line-height:50px;
    background:black;
    position:relative;
    div{
        width:100%;
        text-align:center;
        color:#fff;
        span{
            position:absolute;
            right:2%;
        }
    }
}
aside{
    width:100%;
    display:flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content: space-around;
    h1{
        margin:30px 0;
        color:#0099E5;
        font-weight: normal;
    }
    input{
        width:90%;
        height:50px;
        border-style:none;
        border-bottom:1px solid #ccc;
        margin-top:10px;
        outline: none;
        text-indent:40px;
    }
    .one{
        display:block;
        width:90%;
        height:50px;
        line-height:50px;
        text-align:center;
        background:#0099E5;
        margin-top:30px;
        color:#fff;
        font-size:20px;
    }
    ul{
        width:55%;
        display:flex;
        justify-content: space-around;
        align-items:center;
        margin-top:20px;
        a{
            color:#0099E5;
        }
    }
}

footer{
    width:100%;
    display:flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content: space-around;
    position:fixed;
    bottom:0;
    div{
        width:90%;
        border-top:1px solid #ccc;
        display:flex;
        flex-wrap: wrap;
        align-items:center;
        justify-content: space-around;
        ul{
            width:70%;
            display: flex;
            justify-content: space-around;
            li{
                width:50px;
                height:50px;
                margin:30px 0;
                img{
                    width:100%;
                }
            }
            
        }
    }
    p{
        width:120px;
        text-align:center;
        position:absolute;
        top:-10px;
        background:#fff;
    }
}
